<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			body {
			  display: flex;
			  height: 100vh;
			  justify-content: center;
			  align-items: center;
			  text-align: center;
			  background: #05083d;
			}
			
			ul {
			  display: flex;
			  list-style-type: none;
			}
			ul li {
			  margin: 3.6em;
			  width: 2.4em;
			  height: 2.4em;
			  line-height: 1.15;
			}
			ul li a {
			  position: relative;
			  display: block;
			  width: 100%;
			  height: 100%;
			  text-decoration: none;
			  color: #05083d;
			}
			ul li a::before {
			  position: absolute;
			  content: "";
			  top: -25%;
			  z-index: -1;
			  display: flex;
			  justify-content: center;
			  align-items: center;
			  width: 100%;
			  height: 100%;
			  background: white;
			  border-radius: 50%;
			  transition: 0.5s;
			}
			ul li a:hover::before {
			  box-shadow: 0 0 10px white, 0 0 20px white, 0 0 30px white, 0 0 0 20px rgba(255, 255, 255, 0.05), 0 0 0 40px rgba(255, 255, 255, 0.05), 0 0 0 60px rgba(255, 255, 255, 0.05), 0 0 0 80px rgba(255, 255, 255, 0.05), 0 0 0 100px rgba(255, 255, 255, 0.05);
			}
		</style>
	</head>
	<body>
		<ul>
		    <li><a href="#"><svg t="1580189699029" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6908" width="20" height="20"><path d="M881.2 158.2v538.4c0 16.1-5.5 30.3-16.4 42.8-10.9 12.5-24.7 22.2-41.3 29.1-16.7 6.9-33.3 12-49.7 15.4-16.5 3.3-31.9 5.1-46.4 5.1s-29.9-1.7-46.4-5.1c-16.5-3.3-33.1-8.5-49.7-15.4s-30.4-16.6-41.3-29.1c-10.9-12.5-16.4-26.8-16.4-42.8s5.5-30.3 16.4-42.8c10.9-12.5 24.7-22.1 41.3-29.1 16.7-6.9 33.3-12 49.7-15.4 16.5-3.3 31.9-5.1 46.4-5.1 33.7 0 64.4 6.3 92.3 18.7V365L450.5 478.9v340.8c0 16-5.5 30.3-16.4 42.8-10.9 12.5-24.7 22.1-41.3 29.1-16.7 6.9-33.3 12-49.7 15.4-16.5 3.3-31.9 5.1-46.4 5.1s-29.9-1.7-46.4-5.1c-16.5-3.3-33.1-8.5-49.7-15.4s-30.4-16.6-41.3-29.1-16.4-26.8-16.4-42.8c0-16.1 5.5-30.3 16.4-42.8 10.9-12.5 24.7-22.1 41.3-29.1 16.7-6.9 33.3-12 49.7-15.4 16.5-3.3 31.9-5.1 46.4-5.1 33.7 0 64.4 6.3 92.3 18.7V281.2c0-9.9 3-19 9.1-27.2s14-13.9 23.6-17.1l399.9-123c3.8-1.3 8.3-1.9 13.4-1.9 12.8 0 23.8 4.4 32.7 13.4 9.1 9.1 13.5 20.1 13.5 32.8z" p-id="6909"></path></svg></a></li>
		    <li><a href="#"><svg t="1580189904311" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4874" width="20" height="20"><path d="M897.9 290.2c-18.6-11.7-158.1 53.9-158.1 53.9v-6.9c0-57.3-48-103.7-107.3-103.7H219.3C160 233.6 112 280 112 337.3v348.6c0 57.3 48 103.7 107.3 103.7h413.3c59.3 0 107.3-46.4 107.3-103.7v-8.5s140.3 65.1 158.1 53.9c17.7-11.2 18.6-429.4-0.1-441.1z m-558.2 388V344.1l272.1 167-272.1 167.1z m0 0" p-id="4875"></path></svg></a></li>
		    <li><a href="#"><svg t="1580189946180" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5108" width="20" height="20"><path d="M892.4 221.4c-13.1-13-28.7-19.5-47.1-19.5H178.7c-18.3 0-34 6.5-47.1 19.5-13.1 13.1-19.5 28.8-19.5 47.1v506.7c0 18.3 6.5 34 19.5 47.1 13.1 13 28.8 19.5 47.1 19.5h666.8c18.3 0 34-6.5 47.1-19.5 13-13.1 19.5-28.8 19.5-47.1V268.5c-0.1-18.5-6.6-34.1-19.7-47.1zM241.9 331.7c15.5-15.5 34.4-23.3 56.7-23.3s41.2 7.8 56.7 23.3c15.5 15.6 23.3 34.4 23.3 56.7s-7.8 41.1-23.3 56.7c-15.6 15.6-34.4 23.3-56.7 23.3s-41.1-7.8-56.7-23.3c-15.6-15.5-23.3-34.4-23.3-56.7s7.8-41.1 23.3-56.7z m563.4 403.4H218.7v-80l133.4-133.4 66.7 66.7 213.3-213.3 173.3 173.3v186.7z" p-id="5109"></path></svg></a></li>
		    <li><a href="#"><svg t="1580189970177" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5342" width="20" height="20"><path d="M569.1 354.8c0 11.9 4.1 22.1 12.5 30.3 8.4 8.4 18.5 12.5 30.3 12.5h242.9v471.5c0 11.9-4.1 22.1-12.5 30.3-8.3 8.5-18.4 12.6-30.3 12.6H212c-11.9 0-22.1-4.1-30.3-12.5-8.4-8.4-12.5-18.5-12.5-30.3V154.8c0-11.9 4.1-22.1 12.5-30.3 8.4-8.4 18.5-12.5 30.3-12.5h357.2l-0.1 242.8z m57.1-14.2V129.7c6.6 4.1 11.9 8.4 16.1 12.5l182.2 182.2c4.1 4.1 8.4 9.5 12.5 16.1l-210.8 0.1z" p-id="5343"></path></svg></a></li>
		</ul>
	</body>
</html>
